<template>
  <div id="app">
    <div class="font-top">证券分时数据监控系统</div>
    <div class="time">
      <CurrentTime />
    </div>
    <div class="container">
      <div class="left">
        <div class="left_top">
          <div class="left_top1 box">
            <div class="title">
              中国指数
            </div>
            <ChinaIndex/>
          </div>
          <div class="left_top2 box">
            <div class="title">
              新股上市日历
            </div>
            <ListingDate/>
          </div>
        </div>
        <div class="left_bottom">
          <div class="left_bottom1 box">

            <div class="title">
              沪深港通资金流
            </div>
            <MoneyFlow/>
          </div>
          <div class="left_bottom2 box">

            <div class="title">
              板块资金流今日跌涨幅
            </div>
            <FallUp/>
          </div>
        </div>
      </div>
      <div class="right box2">
        <div class="title">
          证券快讯
        </div>
        <NewsShow/>
      </div>
    </div>
  </div>
</template>

<script>
import ChinaIndex from "@/components/ChinaIndex.vue";
import ListingDate from "@/components/ListingDate.vue";
import MoneyFlow from "@/components/MoneyFlow.vue";
import FallUp from "@/components/FallUp.vue";
import NewsShow from "@/components/NewsShow.vue";
import CurrentTime from "@/components/CurrentTime.vue";
import "@/assets/css/MainBoard.css";
export default {
  name: 'Index',
  components: {NewsShow, MoneyFlow, FallUp, ListingDate, ChinaIndex, CurrentTime}}
</script>
